/* 
    Document   : contacts
    Created on : Nov 11, 2010, 12:58:11 AM
    Author     : edwinelpaisa
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

#main {
    width: 850px;
    text-align: center;
}

#div1{
    float: left;
    position: relative;
    width: 250px;
    height: 200px;
    margin: 10px 10px 10px 10px;
    cursor: pointer;
    background-image:url(../images/twitter.png);
    border-radius:10px;
    -moz-border-radius:10px;
    -moz-box-shadow: 0 0 5px 5px #888;
    -webkit-box-shadow: 0 0 5px 5px#888;
    box-shadow: 0 0 5px 5px #888;
}

#div2{
    float: left;
    position: relative;
    width: 250px;
    height: 200px;
    margin: 10px 10px 10px 10px;
    cursor: pointer;
    background-image:url(../images/facebook.jpg);
    border-radius:10px;
    -moz-border-radius:10px;
    -moz-box-shadow: 0 0 5px 5px #888;
    -webkit-box-shadow: 0 0 5px 5px#888;
    box-shadow: 0 0 5px 5px #888;
}

#div3{
    float: left;
    position: relative;
    width: 250px;
    height: 200px;
    margin: 10px 10px 10px 10px;
    cursor: pointer;
    background-image:url(../images/youtube.jpg);
    border-radius:10px;
    -moz-border-radius:10px;
    -moz-box-shadow: 0 0 5px 5px #888;
    -webkit-box-shadow: 0 0 5px 5px#888;
    box-shadow: 0 0 5px 5px #888;
}

#div4{
    float: left;
    position: relative;
    width: 250px;
    height: 200px;
    margin: 10px 10px 10px 10px;
    cursor: pointer;
    background-image:url(../images/flickr.jpg);
    border-radius:10px;
    -moz-border-radius:10px;
    -moz-box-shadow: 0 0 5px 5px #888;
    -webkit-box-shadow: 0 0 5px 5px#888;
    box-shadow: 0 0 5px 5px #888;
}

#div5{
    float: left;
    position: relative;
    width: 250px;
    height: 200px;
    margin: 10px 10px 10px 10px;
    cursor: pointer;
    background-image:url(../images/linkedin.jpg);
    border-radius:10px;
    -moz-border-radius:10px;
    -moz-box-shadow: 0 0 5px 5px #888;
    -webkit-box-shadow: 0 0 5px 5px#888;
    box-shadow: 0 0 5px 5px #888;
}

#div6{
    float: left;
    position: relative;
    width: 250px;
    height: 200px;
    margin: 10px 10px 10px 10px;
    cursor: pointer;
    background-image:url(../images/mail.jpg);
    border-radius:10px;
    -moz-border-radius:10px;
    -moz-box-shadow: 0 0 5px 5px #888;
    -webkit-box-shadow: 0 0 5px 5px#888;
    box-shadow: 0 0 5px 5px #888;
}